<template>
  <div id="container">
    <div id="top">
      <div id="carousel">
        <swipe :auto="4000" :show-indicators="true" style="height: 100%;width: 100%">
          <swipe-item v-for="list in lists" ><img :src="list"/></swipe-item>
        </swipe>
      </div><!--carousel end-->
      <aside>
        <div id="practicability">
          <h1>推荐大咖文章</h1>
          <ul>
            <li>
              <a title="不在BAT的产品经理，怎么体系化学习做产品？" actionid="23" target="_blank" href="http://mp.weixin.qq.com/s?__biz=MzA3MDk4NzMzNg==&amp;mid=2651704126&amp;idx=1&amp;sn=6d7aed2c2fa18b456ee4814d332550fd&amp;scene=0#wechat_redirect">
                <h2>不在BAT的产品经理，怎么体系化学习做产...</h2>
                <img title="没人带，自学慢，不在BAT的产品经理，怎么体系化学习做产品？" alt="没人带，自学慢，不在BAT的产品经理，怎么体系化学习做产品？" src="http://cdn.img.mtedu.com/uploadv2/images/helper/b9/f3/39/b9f339028be9613d5a16f9ed395288be8744.jpg">
              </a>
            </li>
            <li>
              <a title="内容运营小白看过来,你所绝对不能碰的几项" actionid="24" target="_blank" href="http://www.mtedu.com/chanpinyunyingwenzhang-457.html">
                <h2>内容运营小白看过来,你所绝对不能碰的几项</h2>
                <img title="内容运营小白看过来,你所绝对不能碰的几项" alt="内容运营小白看过来,你所绝对不能碰的几项" src="http://cdn.img.mtedu.com/upload/images/helper/ac/8b/29/ac8b292ca9f20bd4d9c03d8b81989512.jpg">
              </a>
            </li>
            <li>
              <a title="读书笔记|道生一，有道可循—《从0到1》" actionid="25" target="_blank" href="http://www.mtedu.com/pm/895.html">
                <h2>读书笔记|道生一，有道可循—《从0到1》</h2>
                <img title="读书笔记|道生一，有道可循—《从0到1》读后感" alt="读书笔记|道生一，有道可循—《从0到1》" src="http://cdn.img.mtedu.com/upload/images/helper/bc/7c/57/bc7c57ec0e32b50faecc43a9b1586065.jpg">
              </a>
            </li>
          </ul>
        </div>
      </aside>
    </div><!--top end-->

    <div id="content">
      <div id="course">
        <div class="exclusive"><!--粮票专属系列-->
          <div class="catetitle">
            <a actionid="32" href="/chanpinjingli"><h1><span></span>初级→高级产品进修</h1></a>
            <a target="_blank" href="/chanpinjingli" class="more">更多&gt;&gt;</a>
          </div>
          <div>
            <div class="excitem excleft">
              <a href="/courseplay/chanpinjingli-240.html">
                <div class="coursecover">
                  <img title="轻量级的运营，口碑爆棚的产品，5000万用户的keep还有哪些秘籍？" alt="轻量级的运营，口碑爆棚的产品，5000万用户的keep还有哪些秘籍？" class="cover" src="http://cdn.img.mtedu.com/uploadv2/images/course/c0/02/63/c00263ccd50cd961e124b4d863b897246993.jpg">
                  <h1 class="title" title="轻量级的运营，口碑爆棚的产品，5000万用户的keep还有哪些秘籍？">轻量级的运营，口碑爆棚的产...</h1>

                </div>
                <p class="description">5000万用户，5轮融资，keep凭什么被无数年轻人追捧？</p>
              </a>
              <div class="divider"></div>
              <div class="about"><span class="teacher"><em></em>
                                                                                    <a href="/courselist?teacherid=195&amp;teachername=黄陶" title="馒头商学院产品经理
">黄陶  </a>
                                                                            </span><span class="time"><em></em>2016-09-07</span>
                <span class="played"><em></em>6022</span></div>
            </div>

            <div class="excitem excmiddle">
              <a href="/courseplay/chanpinjingli-239.html">
                <div class="coursecover">
                  <img title="如何从无到有设计一款好产品？从功能满足、用户需求、交互设计说起" alt="如何从无到有设计一款好产品？从功能满足、用户需求、交互设计说起" class="cover" src="http://cdn.img.mtedu.com/uploadv2/images/course/a2/67/54/a26754e5a1f1db3a07092f5dd185b1fb4179.jpg">
                  <h1 class="title" title="如何从无到有设计一款好产品？从功能满足、用户需求、交互设计说起">如何从无到有设计一款好产品...</h1>
                </div>
                <p class="description">究竟怎样挖掘用户的真实需求？</p>
              </a>
              <div class="divider"></div>
              <div class="about">
                                    <span class="teacher"><em></em>
                                                                                    <a href="/courselist?teacherid=193&amp;teachername=程靖" title="美团高级产品经理
">程靖  </a>
                                                                            </span>
                <span class="time"><em></em>2016-09-06</span>
                <span class="played"><em></em>7119</span>
              </div>
            </div>

            <div class="excitem excright">
              <a href="/courseplay/chanpinjingli-233.html">
                <div class="coursecover">
                  <img title="《人人都是产品经理》作者苏杰：面对瓶颈和困惑，产品经理如何快速成长？" alt="《人人都是产品经理》作者苏杰：面对瓶颈和困惑，产品经理如何快速成长？" class="cover" src="http://cdn.img.mtedu.com/uploadv2/images/course/de/e1/96/dee1967904ff609f9ab2c265586206396774.jpg">
                  <h1 class="title" title="《人人都是产品经理》作者苏杰：面对瓶颈和困惑，产品经理如何快速成长？">《人人都是产品经理》作者苏...</h1>
                </div>
                <p class="description">一句话做好产品经理：用心听，但不要照着做</p>
              </a>
              <div class="divider"></div>
              <div class="about"><span class="teacher"><em></em>
                                                                                    <a href="/courselist?teacherid=120&amp;teachername=苏杰" title="苏杰，阿里8年产品经理，《人人都是产品经理》一书作者。


">苏杰  </a>
                                        </span><span class="time"><em></em>2016-08-23</span>
                <span class="played"><em></em>1.6万</span>
              </div>
            </div>
          </div>
        </div>



        <div class="exclusive"><!--粮票专属系列-->
          <div class="catetitle">
            <a actionid="33" target="_blank" href="/chanpinyunying"><h1><span></span>运营达人必修</h1></a>
            <a target="_blank" href="/chanpinyunying" class="more">更多&gt;&gt;</a>
          </div>
          <div>
            <div class="excitem excleft">
              <a href="/courseplay/chanpinyunying-241.html">
                <div class="coursecover">
                  <img title="如何快速、低成本获取千万校园用户？" alt="如何快速、低成本获取千万校园用户？" class="cover" src="http://cdn.img.mtedu.com/uploadv2/images/course/f3/ba/82/f3ba8267af01b57b208f9c2d82283efb8500.jpg">
                  <h1 class="title" title="如何快速、低成本获取千万校园用户？">如何快速、低成本获取千万校...</h1>
                </div>
                <p class="description">选择推广渠道时，线上和线下渠道该如何取舍？什么时候以线上渠道为主...</p>
              </a>
              <div class="divider"></div>
              <div class="about"><span class="teacher"><em></em>
                                                                                    <a href="/courselist?teacherid=196&amp;teachername=朱丹妮" title="课程格子 COO
">朱丹妮  </a>
                                                                            </span><span class="time"><em></em>2016-09-13</span>
                <span class="played"><em></em>1622</span>
              </div>
            </div>

            <div class="excitem excmiddle">
              <a href="/courseplay/chanpinyunying-232.html">
                <div class="coursecover">
                  <img title="怎样避免融资误区和陷阱,写出一份打动投资人的商业计划书？" alt="怎样避免融资误区和陷阱,写出一份打动投资人的商业计划书？" class="cover" src="http://cdn.img.mtedu.com/uploadv2/images/course/10/8f/9e/108f9e26cc36c28d3888d8dce9d1cf338661.jpg">
                  <h1 class="title" title="怎样避免融资误区和陷阱,写出一份打动投资人的商业计划书？">怎样避免融资误区和陷阱,写...</h1>
                </div>
                <p class="description">怎样写出一份商业计划书，在3-5分钟内打动投资人？</p>
              </a>
              <div class="divider"></div>
              <div class="about"><span class="teacher"><em></em>
                                                                                    <a href="/courselist?teacherid=185&amp;teachername=张腾" title="高级融资经理，曾就职百度，赶集。
">张腾  </a>
                                                                            </span><span class="time"><em></em>2016-08-16</span>
                <span class="played"><em></em>9991                                </span></div>
            </div>

            <div class="excitem excright">
              <a href="/courseplay/chanpinyunying-231.html">
                <div class="coursecover">
                  <img title="0—2000万，小米用户运营秘籍" alt="0—2000万，小米用户运营秘籍" class="cover" src="http://cdn.img.mtedu.com/uploadv2/images/course/c8/de/a8/c8dea85cfb7f87172089bc40fb6ae9806771.jpg">
                  <h1 class="title" title="0—2000万，小米用户运营秘籍">0—2000万，小米用户运...</h1>
                </div>
                <p class="description">0—2000万，小米用户运营秘籍</p>
              </a>
              <div class="divider"></div>
              <div class="about"><span class="teacher"><em></em>
                                                                                    <a href="/courselist?teacherid=1&amp;teachername=李明" title="小米社区运营总监
">李明  </a>
                                                                            </span><span class="time"><em></em>2016-08-12</span>
                <span class="played"><em></em>1.2万                                </span></div>
            </div>
          </div>
        </div>
      </div>

      <aside>
        <div id="favourite">
          <h1>最受欢迎课程</h1>
          <ul>

            <li>
              <a title="4招教你利用热点事件的槽点，0成本实现阅读量和转发量的暴增" target="_blank" href="/video/chanpinjingli-691.html">
                <h1>4招教你利用热点事件的槽点，0成本实现阅读量和转发量的暴增</h1>
              </a>
              <p>提高阅读量和转发量除了有好的内容、紧追热点、策划有意思的...</p>
              <div class="played"><em></em>10.9万</div>
            </li>
            <li>
              <a title="小米的服务文化" target="_blank" href="/video/chanpinjingli-576.html">
                <h1>小米的服务文化</h1>
              </a>
              <p>详细解析了小米的产品经理思维，门店也是一个产品，如何用产...</p>
              <div class="played"><em></em>1.2万</div>
            </li>
            <li>
              <a title="经典“凡客体”背后的品牌之道" target="_blank" href="/video/chanpinjingli-616.html">
                <h1>经典“凡客体”背后的品牌之道</h1>
              </a>
              <p>拥有11年市场营销经验的前凡客营销副总裁倾情分享，互联网...</p>
              <div class="played"><em></em>7.1万</div>
            </li>
            <li>
              <a title="100亿分发量的小米应用商店是如何维护核心用户关系的？" target="_blank" href="/video/chanpinjingli-641.html">
                <h1>100亿分发量的小米应用商店是如何维护核心用户关系的？</h1>
              </a>
              <p>你是否还在疑问：短短的时间内MIUI是如何打造千万用户的...</p>
              <div class="played"><em></em>3.8万</div>
            </li>
            <li>
              <a title="原天猫资深运营：电商运营深层解析，双11流量和订单获取全攻略" target="_blank" href="/video/chanpinjingli-674.html">
                <h1>原天猫资深运营：电商运营深层解析，双11流量和订单获取全攻略</h1>
              </a>
              <p>人人都想要自己的转化率飙升，那么有哪些事半功倍的方法可以...</p>
              <div class="played"><em></em>5.6万</div>
            </li>
            <li>
              <a title="七夕特别节目：互联网精英恋爱课堂" target="_blank" href="/video/chanpinjingli-659.html">
                <h1>七夕特别节目：互联网精英恋爱课堂</h1>
              </a>
              <p>每年的情人节，都是一个人和自己的影子过，有没有一种欲哭无...</p>
              <div class="played"><em></em>2.4万</div>
            </li>
          </ul>
        </div>
      </aside>

    </div><!--content end-->
  </div>
</template>
<script>
  import { Swipe, SwipeItem } from 'mint-ui';
  export default{
    data()
  {
    return {
      lists:[
        require("assets/imgs/homePage.jpg"),
        require("assets/imgs/banner-5.jpg"),
        require("assets/imgs/banner01.jpg")
      ]
    }
  }
  ,
  components:{
    Swipe,
    SwipeItem
  }
  }
</script>
